<!-- dialog -->
<template>
     <div>
      <el-dialog
            title="个人求职信息详情"
            :visible.sync="visible"
            :modal-append-to-body='false'
            @close="$emit('update:show', false)"
           >
            <el-descriptions direction="vertical" :column="3" border>
                <el-descriptions-item label="求职人" :span="2">{{detailRow.huntUser}}</el-descriptions-item>
                <el-descriptions-item label="性别" :span="2">
                    <el-tag size="small">{{detailRow.gender}}</el-tag>
                </el-descriptions-item>
                <el-descriptions-item label="联系电话" :span="2">{{detailRow.phone}}</el-descriptions-item>
                <el-descriptions-item label="求职人婚姻状态" :span="2">
                    <el-tag size="small" type="warning">{{detailRow.maritalStatus}}</el-tag>
                </el-descriptions-item>
                <el-descriptions-item label="求职岗位" :span="2">
                    <el-tag size="small">{{detailRow.posName}}</el-tag>
                </el-descriptions-item>
                <el-descriptions-item label="薪资" :span="2">
                    <el-tag size="small" type="success">{{detailRow.salary}}</el-tag>
                </el-descriptions-item>
                <el-descriptions-item label="求职发布时间" :span="2">{{detailRow.releaseTime ? detailRow.releaseTime.replace(/^(\d{4})-(\d{2})-(\d{2})/g,'$1年$2月$3日') : '暂定'}}</el-descriptions-item>
                <el-descriptions-item label="求职人邮箱" :span="3">{{detailRow.email}}</el-descriptions-item>
                <el-descriptions-item label="几点上班" :span="2">{{detailRow.worktime}}</el-descriptions-item>
                <el-descriptions-item label="求职人地址" :span="6">{{detailRow.address}}</el-descriptions-item>
                <el-descriptions-item label="工作（实习）经历" :span="6">{{detailRow.workExperience}}</el-descriptions-item>
            </el-descriptions>
        </el-dialog>
    </div>

</template>

<script>
export default {
    name: 'jobinfo-detail',    
    data () {
        return {
            visible: this.show,
        };
    },
    props: {
        show: {
            type: Boolean,
            default: false
        },
        detailRow: {
            type: Object,
            require: true,
        }
    },
    watch: {
        show () {
            this.visible = this.show;
        },
    },
    methods:{
       
    }
}
</script>

<style scoped>

</style>
